<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>代码块</title>
    <script>
        /* 
            使用{}来创建代码块，代码块可以用来对代码进行分组
                同一个代码框中的代码，就是同一组代码。一个代码块中的代码要么都执行，要么都不执行。
        

            let和var的区别
                在js中，使用let声明的变量具有块作用域
                    在代码块中声明的变量无法在代码块的外部访问,只有在自己所属的代码块里面才能被访问。

                    使用var声明的变量不具备块作用域。
        */


        {   
            let a = 10;
            alert(123)
            console.log(`代码块里的a---${a}`)
            {
                console.log(`a所在代码里的代码块----${a}`)
            }
        }
        //  console.log(`不在代码块里的a${a}`)
        /* 
        {
            console.log(`另外一个代码块里的a${a}`)
            console.log("哈哈")
            document.write("学JS第三天")
        }
        */
    </script>
</head>

<body>

</body>

</html>